﻿@model MobilesStore.Domain.Entities.ShippingDetails

@{
    ViewBag.Title = "Checkout";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
}
<div id="column-left">
        <!--Category Start -->
        <div class="box">
          <div class="box-heading">Categories</div>
          <div class="box-content box-category">
            <ul id="cat_accordion">
              <li class="custom_id20">@Html.ActionLink("Home","Index","Home")<span class="down"></span>
                @{Html.RenderAction("Menu", "Nav");}
              </li>
            </ul>
          </div>
        </div>
        <!--Category End -->
        <!--Refine Search Start-->
        <div class="box">
          <div class="box-heading">Refine Search</div>
          <div class="box-content">
            <ul class="box-filter">
              <li><span id="filter-group">Price</span>
                <ul>
                  <li>
                    <input type="checkbox" value="3" id="filter3" />
                    <label for="filter3">$0 - $100 (1)</label>
                  </li>
                  <li>
                    <input type="checkbox" value="4" id="filter4" />
                    <label for="filter4">$100 - $500 (5)</label>
                  </li>
                  <li>
                    <input type="checkbox" value="5" id="filter5" />
                    <label for="filter5">$500 - $1000 (1)</label>
                  </li>
                  <li>
                    <input type="checkbox" value="6" id="filter6" />
                    <label for="filter6">$1000 - $1500 (0)</label>
                  </li>
                </ul>
              </li>
            </ul>
            <a id="button-filter" class="button">Refine Search</a> </div>
        </div>
        <!--Refine Search End-->
        <!--Latest Product Start-->
        <div class="box">
          <div class="box-heading">Latest</div>
          <div class="box-content">
            <div class="box-product">
              <div class="flexslider">
                @{Html.RenderAction("LatestProductsSmall", "Nav");}
              </div>
            </div>
          </div>
        </div>
        <!--Latest Product End-->
        <!--Banner Start-->
        <div class="banner">
          <div><a href="#"><img src="../../Images/image/product/small-banner1-220x350.jpg" alt="banner" title="banner" /></a></div>
        </div>
        <!--Banner End-->
      </div>
      <!--Middle Part Start-->
      <div id="content">
        <!--Breadcrumb Part Start-->
        <div class="breadcrumb"> @Html.ActionLink("Home","Index","Home") &raquo; @Html.ActionLink("Mobiles","List","Product") </div>
        <!--Breadcrumb Part End-->
        <h1 style="color:deeppink">Check Out</h1>
        <!--Product Grid Start-->
        <b style="color:deeppink">Please enter your details, and we will ship your goods right way!</b>
        @using (Html.BeginForm())
        { 
            @Html.ValidationSummary();
            <h3 style="color:deeppink">Ship to</h3>
            <div style="color:darkblue">Name: @Html.EditorFor(s=>s.Name)</div>
    
            <h3 style="color:deeppink">Address</h3>
            <div style="color:darkblue">Line 1 : @Html.EditorFor(s=>s.Line1)</div>
            <div style="color:darkblue">Line 2 : @Html.EditorFor(s=>s.Line2)</div>
            <div style="color:darkblue">Line 3 : @Html.EditorFor(s=>s.Line3)</div>
            <div style="color:darkblue">City   : @Html.EditorFor(s=>s. City)</div>
            <div style="color:darkblue">State  : @Html.EditorFor(s=>s.State)</div>
            <div style="color:darkblue">Zip   : @Html.EditorFor(s=>s.Zip)</div>
            <div style="color:darkblue">Country : @Html.EditorFor(s=>s.Country)</div>
    
            <h3 style="color:darkblue">Options</h3>
            <label style="color:red">
                @Html.EditorFor(s=>s.GiftWrap)
                Gift Wrap these items
            </label>
    
            <p align="center">
                <input class="button" type="submit" value="Complete order"/>
            </p>
        }

        <!--Product Grid End-->
        <!--Pagination Part Start-->
        <!--Pagination Part End-->
      </div>
      <!--Middle Part End-->
